<%-- 
    Document   : index
    Created on : 10/01/2013, 09:52:48 PM
    Author     : User
--%>
<!DOCTYPE html>

<%@page import="com.acap.googlemaps.encapsulados.Coordenadas"%>
<%@page import="com.acap.googlemaps.manejadores.ManejadorCoordenadas"%>
<%@page import="java.sql.Connection"%>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (IE 9)]><html class="no-js ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!-->  <!--<![endif]-->
<head>

    <!-- Meta Tags -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8849-1" />

    <title>Asociacion Cibao</title>   

    <meta name="description" content="Insert Your Site Description" /> 

    <!-- Mobile Specifics -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="HandheldFriendly" content="true"/>
    <meta name="MobileOptimized" content="320"/>   

    <!-- Mobile Internet Explorer ClearType Technology -->
    <!--[if IEMobile]>  <meta http-equiv="cleartype" content="on">  <![endif]-->

    <!-- Bootstrap -->
    <link href="_include/css/bootstrap.min.css" rel="stylesheet">

    <!-- Main Style -->
    <link href="_include/css/main.css" rel="stylesheet">

    <!-- Supersized -->
    <link href="_include/css/supersized.css" rel="stylesheet">
    <link href="_include/css/supersized.shutter.css" rel="stylesheet">

    <!-- FancyBox -->
    <link href="_include/css/fancybox/jquery.fancybox.css" rel="stylesheet">

    <!-- Font Icons -->
    <link href="_include/css/fonts.css" rel="stylesheet">

    <!-- Shortcodes -->
    <link href="_include/css/shortcodes.css" rel="stylesheet">

    <!-- Responsive -->
    <link href="_include/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="_include/css/responsive.css" rel="stylesheet">

    <!-- Supersized -->
    <link href="_include/css/supersized.css" rel="stylesheet">
    <link href="_include/css/supersized.shutter.css" rel="stylesheet">

    <!-- Google Font -->
    <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'>

    <!-- Fav Icon -->
    <link rel="shortcut icon" href="#">

    <link rel="apple-touch-icon" href="#">
    <link rel="apple-touch-icon" sizes="114x114" href="#">
    <link rel="apple-touch-icon" sizes="72x72" href="#">
    <link rel="apple-touch-icon" sizes="144x144" href="#">

    <!-- Modernizr -->
    <script src="_include/js/modernizr.js"></script>

    <!-- Analytics -->
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'Insert Your Code']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();

    </script>

    <script src="http://j.maxmind.com/app/geoip.js"></script>
    <!--<script src="http://maps.google.com/maps/api/js?sensor=false"></script>-->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
    <%--<script src="jquery-1.9.1.min"></script>--%>
    

    <!-- End Analytics -->

</head>


<body>

    <!-- This section is for Splash Screen -->
    <div class="ole">
        <section id="jSplash">
            <div id="circle"></div>
        </section>
    </div>
    <!-- End of Splash Screen -->
    <!-- Header -->
    <header>
        <div class="sticky-nav">
            <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>

            <div id="logo">
                <a id="goUp" href="http://www.acap.com.do" title="Asociacion Cibao">ACAP</a>
            </div>

            <nav id="menu">
                <ul id="menu-nav">
                    <li class="current"><a href="#controlBox">Home</a></li>
                    <li><a href="#aki">Indicaciones</a></li>
                    <li>|</li>
                    <li><a href="/MapWebApplication/index.jsp" onClick="window.location = '/MapWebApplication/index.jsp'">Sucursal</a></li>
                    <li><a href="/MapWebApplication/ATH_masCercano.jsp" onClick="window.location = '/MapWebApplication/ATH_masCercano.jsp'">ATH</a></li>
                    <li><a onClick="window.location='/MapWebApplication/RutaSucursalElegible.jsp'">Elegir Sucursal o ATH</a></li>


                    <li>
                    </li>
                </ul>
            </nav>

        </div>
        <div>


        </div>
    </header>
    <!-- End Header -->
    <div id="controlBox"></div>
    <div id="control" style="text-align: center">
        <select name="idcoordenada" id="idcoordenada">
            <option value="0">Seleccionar</option>
            <%
                for (Coordenadas temp : ManejadorCoordenadas.getInstance().getListaCoordenadas()) {
            %>
            <option value="<%=temp.getIdcoordenadas()%>"><%=temp.getTitulo()%></option>
            <%}%>
        </select>

        <input type="hidden" id="Titulo" name="titulo" value="" size="255" class ="required  " />

        <input type="hidden" id="Latitud" name="latitud" value="" size="255" class ="required  " />

        <input type="hidden" id="Longitud" name="longitud" value="" size="255" class ="required  " />

        <input type="hidden" id="Direccion" name="descripcion" value="" size="255" class ="required  " />

        <input type="hidden" value="" id="lon"/>
        <input type="hidden" value="" id="lat"/>
    </div>
    <div  style="width: 99%; height: 90%; text-align: center">
        <div id="mapa" style="width: 100%; height: 100%"></div>
    </div> 

    <!-- End Homepage Slider -->
    <div id="aki" class="page-alternate">
        <div id="directionsPanel" style="alignment-adjust:central  ;width: 98%;height: 98%">
        </div>
    </div>




<!-- Js -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- jQuery Core -->
<script src="_include/js/bootstrap.min.js"></script> <!-- Bootstrap -->
<script src="_include/js/supersized.3.2.7.min.js"></script> <!-- Slider -->
<script src="_include/js/waypoints.js"></script> <!-- WayPoints -->
<script src="_include/js/waypoints-sticky.js"></script> <!-- Waypoints for Header -->
<script src="_include/js/jquery.isotope.js"></script> <!-- Isotope Filter -->
<script src="_include/js/jquery.fancybox.pack.js"></script> <!-- Fancybox -->
<script src="_include/js/jquery.fancybox-media.js"></script> <!-- Fancybox for Media -->
<script src="_include/js/jquery.tweet.js"></script> <!-- Tweet -->
<script src="_include/js/plugins.js"></script> <!-- Contains: jPreloader, jQuery Easing, jQuery ScrollTo, jQuery One Page Navi -->
<script src="_include/js/main.js"></script> <!-- Default JS -->
<script src="JavaScripts/RutaSucursalElegible.js"></script>
<!-- End Js -->

</body>
</html>